<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input id="n">
<script type="text/javascript">
    var ws;
    function WebSocketTest() {
        if ("WebSocket" in window) {
            alert("您的浏览器支持 WebSocket!");
            // 打开一个 web socket(服务端需要自己写，这个地址是自己定义的)
            ws = new WebSocket("ws://localhost:8080/echo/"+document.getElementById("n").value);
            ws.onopen = function () {
                // Web Socket 已连接上，使用 send() 方法发送数据
                ws.send("发送数据");
            };
            ws.onmessage = function (evt) {//接收服务端传回来的消息
                var message = evt.data;
                alert("服务端说的是："+message);
            };
            ws.onclose = function () {
                // 关闭 websocket
                alert("连接已关闭...");
            };
        } else {
            alert("您的浏览器不支持 WebSocket!");
        }
    }
</script>
<button onclick="WebSocketTest()">点我开始</button>
<button onclick="ws.close()">关闭连接</button>
</body>
</html>